<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <title>巡检结果集管理</title>

    <link href="/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/css/dataTables.bootstrap.css" rel="stylesheet">
    <link href="/dist/css/style.min.css" rel="stylesheet">
    <link href="/dist/css/list.css" rel="stylesheet">
    <link href="/dist/css/pagination.css" rel="stylesheet">
    <script src="/dist/js/jquery-3.5.1.min.js"></script>
    <script src="/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/pagination.js"></script>
    <script src="/dist/js/list.js"></script>
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:auto">
<div class="containers">
    <div class="row J_mainContent" id="content-main">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>巡检结果集</h5>
                    </div>
                    <div class="ibox-title search">
                        <form id="sear" method="get" action="#">
                            <div>
                                <span>模型编号：</span>
                                <input id="modelNumber" type="text" value="">
                                <span>开始时间：</span>
                                <input id="beginTime" type="text" value=""/>
                                <span>结束时间：</span>
                                <input id="endTime" type="text" value=""/>
                            </div>
                            <div style="margin-top: 20px;">
                                <span>数据日期：</span>
                                <input id="dataTime" type="text" value=""/>
                                <span>运行状态：</span>
                                <input id="runStatus" type="text" value=""/>
                                <input style="margin-left: 78px;" onclick="search()" class="btn btn-primary"
                                       value="查 询" type="button" id="submit">
                                <input style="margin-left: 10px;" onclick="reset()" class="btn btn-success"
                                       value="重 置" type="button" id="submit">
                                <input style="margin-left: 10px;" onclick="checks()" class="btn btn-warning"
                                       value="发送邮件" type="button"
                                       id="submit" data-toggle="modal" data-target="#sendEmail">
                            </div>
                        </form>
                    </div>
                    <div class="ibox-content">
                        <table style="text-align: center;"
                               class="table table-bordered table-hover dataTables-example" id="table">
                            <thead>
                            <tr>
                                <th><input type="checkbox" name="checku" class="checkbox" id="selectBtn"/></th>
                                <th>模型编号</th>
                                <th>开始时间</th>
                                <th>结束时间</th>
                                <th>数据日期</th>
                                <th>运行状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                        <div id="pages_1" style="margin-top:0px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--右侧部分结束-->
</div>

<!---发送邮件 模态框-->
<div class="modal fade" id="sendEmail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" style="text-align: center;">发送邮件</h4>
            </div>
            <div class="modal-body">
                <div class="search">
                    <form id="sendFrom">
                        <div class="wi">
                            <label for="to">收件人：</label>
                            <input id="to" name="to" style="width: 200px;" type="text" value="">
                            <span id="tip1" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label for="subject">主题：</label>
                            <input id="subject" name="subject" style="width: 200px;" type="text" value="">
                            <span id="tip2" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>协议：</label>
                            <input id="smtp" name="smtp" style="width: 200px;" type="text" value="">
                            <span id="tip3" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>发送服务器：</label>
                            <input id="host" name="host" style="width: 200px;" type="text" value="">
                            <span id="tip4" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>邮件发送人：</label>
                            <input id="sendName" name="sendName" style="width: 200px;" type="text" value="">
                            <span id="tip5" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>邮件发送人端口：</label>
                            <input id="sendPort" name="sendPort" style="width: 200px;" type="text" value="">
                            <span id="tip6" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>邮件发送人名：</label>
                            <input id="userName" name="userName" style="width: 200px;" type="text" value="">
                            <span id="tip7" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>邮件发送人密码：</label>
                            <input id="userPwd" name="userPwd" style="width: 200px;" type="text" value="">
                            <span id="tip8" style="color: red;">* </span>
                        </div>
                        <div class="wi">
                            <label>内容：</label>
                            <textarea class="textarea" name="content" id="content" style="width: 200px;"
                                      rows="6"></textarea>
                            <span id="tip9" style="color: red;">* </span>
                        </div>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" onclick="send()" id="submitSend" class="btn btn-primary">发送</button>
            </div>
            </form>
        </div>
    </div>
</div>

<!---详情 模态框-->
<div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" style="text-align: center;">查看详情</h4>
            </div>
            <div class="modal-body">
                <div class="search">
                    <form id="from">
                        <div class="wi">
                            <label>模型编号：</label>
                            <input id="modelNumber1" style="width: 300px;" type="text" value="" readonly>
                        </div>
                        <div class="wi">
                            <label>开始时间：</label>
                            <input id="beginTime1" style="width: 300px;" type="text" value="" readonly>
                        </div>
                        <div class="wi">
                            <label>结束时间：</label>
                            <input id="endTime1" style="width: 300px;" type="text" value="" readonly>
                        </div>
                        <div class="wi">
                            <label>数据日期：</label>
                            <input id="dataTime1" style="width: 300px;" type="text" value="" readonly>
                        </div>
                        <div class="wi">
                            <label>运行状态：</label>
                            <input id="runStatus1" style="width: 300px;" type="text" value="" readonly>
                        </div>
                        <div class="wi">
                            <label>日志详情：</label>
                            <textarea id="logDtails1" class="textarea" rows="6" readonly></textarea>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
</body>

</html>